.home {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
    .banner {
        height: 30%;
        background-color: #fff;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .content {
        width: 100%;
        background-color: #fff;
        padding: 10px 10px 0 10px;
        
        .one {
            height: 150px;
            justify-content: space-between;

            .one-left,
            .one-right {
                border-radius: 15px;
            }

            .one-left {
                margin-right: 20px;
                position: relative;
                background-color: #54afda;

                .one-title {
                    line-height: 28px;
                    color: #004e73;
                    font-weight: bold;
                    position: absolute;
                    left: 20px;
                    top: 10px;
                    z-index: 2;
                }

                .one-img {
                    width: 110px;
                    height: 110px;
                    position: absolute;
                    top: 30px;
                    left: -5px;
                }

                .one-number {
                    font-size: 50px;
                    font-weight: bold;
                    color: #fff;
                    z-index: 3;
                    position: absolute;
                    right: 15px;
                    top: 45px;
                }
            }

            .one-right {
                background-color: #9fd9f8;
                position: relative;

                .right-title {
                    line-height: 28px;
                    color: #004e73;
                    font-weight: bold;
                    position: absolute;
                    left: 20px;
                    top: 10px;
                    z-index: 2;
                }

                .right-img {
                    width: 110px;
                    height: 110px;
                    position: absolute;
                    top: 30px;
                    left: 10px;
                }

                .right-text {
                    display: block;
                    text-align: center;
                    border: 2px solid #035685;
                    width: 100px;
                    line-height: 30px;
                    border-radius: 20px;
                    position: absolute;
                    right: 15px;
                    bottom: 20px;
                }
            }
        }

        .two {
            margin-top: 10px;
            justify-content: space-between;

            .two-left {
                height: 110px;
                margin-right: 10px;
                position: relative;

                .two-title1 {
                    position: absolute;
                    font-weight: bold;
                    z-index: 2;
                    color: #fff;
                    top: 10px;
                    left: 10px;
                }

                .two-img {
                    width: 100%;
                    height: 100%;
                    border-radius: 15px;
                }
            }

            .two-right {
                height: 110px;
                background-color: #9dbde3;
                border-radius: 15px;
                position: relative;

                .two-title2 {
                    position: absolute;
                    font-weight: bold;
                    z-index: 2;
                    color: #004e73;
                    top: 10px;
                    left: 10px;
                }

                .two-img2 {
                    width: 100px;
                    height: 100px;
                    position: absolute;
                    top: 10px;
                }

                .two-text {
                    color: #004e73;
                    font-size: 60px;
                    position: absolute;
                    right: 20px;
                    bottom: 10px;
                    font-weight: bold;

                    span {
                        font-size: 20px;
                    }
                }
            }
        }

        .three,
        .four {
            margin-top: 10px;
            height: 100px;
            position: relative;

            .three-title,
            .four-title {
                position: absolute;
                top: 10px;
                left: 10px;
                color: #fff;
                font-weight: bold;
            }

            .three-img,
            .four-img {
                width: 100%;
                height: 100%;
                border-radius: 15px;
                object-fit: cover;
            }
        }
    }
}